<!-- 替换element的组件， 使用自己的组件 -->
<!-- <elec-img :src="scope.row.picture"></elec-img> -->
<template>
  <el-image class="colunm-img" :src="props.src" fit="fill"  @click="handleClick"> </el-image>
</template>

<script setup>
/*
图片组件，特化图片显示
*/
const props = defineProps({
  // 图片链接
  src: {
    default: "",
  },
});

const handleClick = () => {
  console.log("点击了图片");
};
</script>

<style lang="scss" scoped>
.colunm-img {
  width: 100px;
  height: 100px;
  border-radius: 5px;
}
</style>
